<template>
<view>
   <!-- 顶部公告 -->
   <Top-Notice></Top-Notice>
   <!-- 轮播图区域 -->
		<H-Swiper></H-Swiper>
    <!-- 导航分类区 -->
    <H-navimg></H-navimg>
    <!-- 特色功能区 -->
    <H-special ></H-special>
    <!-- 其他业务 -->
    <view class="other">
      <u-cell-group>
        <u-cell
        icon="file-text-fill"
            title="绑定社区"
            isLink
            url="/subpkg/communityMap/communityMap"
        ></u-cell>
      	<u-cell
        icon="more-circle-fill"
      	    title="社区消息"
      	    isLink
      	    url="/subpkg/activeMessage/activeMessage"
      	></u-cell>
      	<u-cell
        icon="plus-people-fill"
      	    title="成为志愿者"
      	    isLink
            @click="intoVolunteer"
      	   
      	></u-cell>
        <u-cell
        icon="calendar-fill"
            title="更多社区服务"
            isLink
            url=""
        ></u-cell>
      </u-cell-group>
    </view>
  </view>
  
</template>


<script>
  import {mapState} from 'vuex'
  export default {
    data() {
      return {
        
      };
    },
    computed:{
      ...mapState('m_user',['token'])
    },
    methods:{
      intoVolunteer(){
        if(this.token==""){
          return uni.$showMsg("请先微信登录")
        }else{
          uni.navigateTo({
            url:".//subpkg/become-volunteer/become-volunteer"
          })
        }
      }
    }
  }
</script>

<style lang="scss" scoped>

 
  .other{
    margin-top: 60rpx;
  }
</style>
